<template>
  <div class="visionPage">
    <!-- H2 -->
    <div class="elh2">
      <div class="marginTop"></div>
      <div class="el-h2 el-h2-title">
        <span class="el-h2-title">
          <h2>修订页</h2>
        </span>
      </div>
      <div class="marginBottom"></div>
    </div>
    <div style="width: 100%">
      <el-table :data="data" >
        <el-table-column align="center" prop="bb" label="版本" width="60">
        </el-table-column>
        <el-table-column align="center" prop="rq" label="修订日期" width="100">
        </el-table-column>
        <el-table-column align="center" prop="content" label="修订内容">
        </el-table-column>
        <el-table-column align="center" prop="yj" label="修订依据">
        </el-table-column>
        <el-table-column align="center" prop="bzr" label="编制人" width="70">
        </el-table-column>
        <el-table-column align="center" prop="shr" label="审核人" width="70">
        </el-table-column>
        <el-table-column align="center" prop="pzr" label="批准人" width="70">
        </el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script setup>

const res = defineProps({
  data: {
    type: Array,
    required: true
  }
})

</script>

<script>
export default {
  name: 'ElVision'
}
</script>

<style scoped>
/* 修订页 */
.visionPage {
  width: 100%;
  min-height: calc(var(--page-height) - var(--page-margin-top) - var(--page-margin-bottom));
  background: var(--page-background-color) !important;
  page-break-after: always;
}


.elh2 {
  page-break-inside: avoid;
}

.marginTop {
  height: 40px;
}

.marginBottom {
  height: 40px;
}

.el-h2 {
  margin: auto;
  text-align: center;
  /* margin-top: 40px;
  margin-bottom: 40px; */
}

.el-h2-title {
  position: relative;
  color: var(--vp-c-indigo-1) !important;
}

h2 {
  color: var(--vp-c-indigo-1) !important;
  margin: 5px 0 !important;
  /* display: inline !important; */
  font-weight: bold
}

.el-table {
  --el-table-border: 0px;
}

.el-table:not(.el-table--border) .el-table__cell {
  border-right: none !important;
}
</style>